<template>
  <div class="xzxq">
  	<div class="container">
  		<ul>
	      <li class="li-header">续租</li>
	      <li>租金<i class="fr">￥{{'4500'}}元</i></li>
	      <li>押金<i class="fr">￥{{'4500'}}元</i></li>
	      <li>服务费<i class="fr">￥{{'4500'}}元</i></li>
	      <li>物业费<i class="fr">￥{{'4500'}}元</i></li>
	      <li>起租时间<i class="fr">{{'2017-10-30'}}</i></li>
	      <li>续租至<i class="fr">{{'2017-10-30'}}</i></li>
	    </ul>
	    <ul>
	      <li class="li-header">当前</li>
	      <li>租金<i class="fr">￥{{'4500'}}元</i></li>
	      <li>押金<i class="fr">￥{{'4500'}}元</i></li>
	      <li>服务费<i class="fr">￥{{'4500'}}元</i></li>
	      <li>物业费<i class="fr">￥{{'4500'}}元</i></li>
	      <li>合约到期<i class="fr">{{'2017-10-30'}}</i></li>
	    </ul>
  	</div>
    <div class="btn">
    	<span class="send">确认续租</span>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'xu-zhu-xiang-qin',
    data () {
      return {
      }
    }
  }
</script>
<style lang="less">
  .xzxq {
  	box-sizing: border-box;
  	.container {
  		height: ~"calc(100vh - 50px)";
  		overflow: auto;
  		padding-bottom: 40px;
  	}
    .btn {
    	position: absolute;
    	bottom: 0;
    	left: 0;
		span {
	      background-color:#ff9600;
	      display: inline-block;
	      height: 45px;
	      line-height: 45px;
	      width:100vw;
	      position: relative;
	      bottom: 0;
	      left: 0;
	      color: white;
	      text-align: center;
	      margin-top: 50px;
	    }
    } 
    ul {
      border-bottom: 6px solid #F3F3F3;
      li {
      	padding: 0 18px;
      	box-sizing: border-box;
        height: 48px;
        line-height: 48px;
        border-bottom: 1px solid #F3F3F3;
        width: 100%;
        font-size: 15px;
        text-align: left;
        i {
          font-style: normal;
        }
        .fl {
          float: left;
          height: 20px;
          line-height: 20px;
          margin-top: 14px;
          text-align: center;
        }
        .fr {
          float: right;
          color: #777777;
        }
      }
    .li-header {
    	padding: 0;
    	height: 60px;
    	line-height: 54px;
    	border: 0;
    	&::before {
    		content: '';
    		display: inline-block;
			width: 3px;
			position: relative;
			top: 1px;
			height: 14px;
			background-color: #ff9600;
			margin-right: 11px;
    	}

    }
    }
  }
</style>
